<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="/static/admin-page/css/bksystem.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/font/iconfont.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/css/module.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/css/pages.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/css/style.css" rel="stylesheet" type="text/css"/>
    <title>系统日志</title>
    <script src="/static/admin-page/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="/static/admin-page/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="/static/admin-page/js/HUpages.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
      <script src="/static/admin-page/js/html5shiv.js" type="text/javascript"></script>
      <script src="/static/admin-page/js/css3-mediaqueries.js"  type="text/javascript"></script>
    <![endif]-->
</head>
<body id="pagestyle" class="backgroundf0">
<div class="bk-con-message message-section" id="iframe_box">
    <div class="box-module height100b margin0">
        <div class="box-title">模块说明</div>
        <div class="box-content padding15">
            <div class="Promp_plate btn-green "><b>提示：</b>该模块依赖于BKframe控件,除首页其他内页需使用Hupage插件进行编辑操作
                <span class="iconfont PrompClose">&#xe627</span>
            </div>
            <div class="ptb30">
                <h2 class="color2">主框架：index(首页),使用BKframe插件js</h2>
                <div class="color3 padding10">
                    <h3>默认显示index.html页面，框架结构以及搭好 ，只需要添加内页和修改样式，基本功能模块都有</h3>
                    scrollbar:function(e){ }自定义滚动条方法(可以自己写也可以用第三方插件)
                    <p><img src="images/stencil/image9.png">示例</p>
                </div>
                <div class="color4  padding10">
                    expand:function(thisBox,settings){<br>
                    settings.scrollbar($(settings.slide)); //设置显示弹框模块是否需要滚动（自定义）<br>
                    settings.loading=()初始化加载滚动}//自定义方法<br>
                </div>
            </div>
            <div class="ptb30">

                <h2 class="color2">副框架：(除首页),使用Hupage插件js,使用方法和BKframe一样，部分功能相同</h2>

                <div class="mt15">expand:function(thisBox, settings) {}//自定义添加方法</div>
            </div>
            <div class="ptb30">
                <h3>弹框盒子模块</h3>
                <p><img src="images/stencil/image8.png" width="200px"></p>
                <p>弹框盒子模块指定class</p>
                <p class="color2">'clickBombbox'//用户处理点击事件</p>
                <p class="color2">'Bombbox'//用于显示点击的内容（默认为不显示该层）</p>
                <p class="color2">'selected'//当Bombbox层设置显示时添加该class到clickBombbox中，用于点击事件的处理</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    //内页框架
    $(function () {
        $("#pagestyle").Hupage({
            slide: '#breadcrumb',
            padding: 15,
            scrollbar: function (e) {
                e.niceScroll({
                    cursorcolor: "#dddddd",
                    cursoropacitymax: 1,
                    touchbehavior: false,
                    cursorwidth: "3px",
                    cursorborder: "0",
                    cursorborderradius: "3px",
                });
            },
            expand: function (thisBox, settings) {
                settings.scrollbar(
                    $(".box-content").css({
                        height: $(window).height() - $('.box-title').outerHeight() - (settings.padding * 2)
                    })
                ); //设置当前页滚动样式
            }
        })
    })
</script>
